<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<meta name="renderer" content="webkit">
	<title>英雄工程 | 首页</title>
	<link rel="stylesheet" href="{HOME_THEME_PATH}css/com.css">
	<link rel="stylesheet" href="{HOME_THEME_PATH}css/index.css">

</head>

<body>
	<!--head nav-->
	{template "header.html"}
	<!--head nav end-->
	<section class="section-wrap">
		<div class="section section-1">
			<div class="title active">
				<!-- benner -->
				<div id="focus-banner">
					<ul id="focus-banner-list">
						<li> <a href="#" class="focus-banner-img"> <img src="{HOME_THEME_PATH}img/banner_1.jpg" alt=""> </a>
							<div class="focus-banner-text">
								<h1 class="banner-title">英雄工程</h1>
								<p class="banner-cont">助力公益中国 · 慈善中国 · 可持续中国</p>
							</div>
						</li>
						<li> <a href="#" class="focus-banner-img"> <img src="{HOME_THEME_PATH}img/banner_2.jpg" alt=""> </a>
							<div class="focus-banner-text">
								<h1 class="banner-title">助力公益中国</h1>
								<p class="banner-cont">用心关爱成长--从小事做起</p>
							</div>
						</li>
						<li> <a href="#" class="focus-banner-img"> <img src="{HOME_THEME_PATH}img/banner_3.jpg" alt=""> </a>
							<div class="focus-banner-text">
								<h1 class="banner-title">慈善中国</h1>
								<p class="banner-cont">-- 我们一同共建和谐社会 --</p>
							</div>
						</li>
					</ul>
					<a href="javascript:;" id="next-img" class="focus-handle"></a> <a href="javascript:;" id="prev-img"
						class="focus-handle"></a>
					<ul id="focus-bubble">
					</ul>
				</div>
			</div>
		</div>
		<div class="section section-2">
			<div class="title">
				<!-- 中国英雄及亲属的持续性关怀 PROJECT -->
				<div>
					<div class="cont-title">
						<div class="cont-title-a">中国英雄及亲属的持续性关怀</div>
						<div class="cont-title-b">PROJECT</div>
						<div class="cont-title-c"></div>
					</div>
					<div class="cont-con">
						<div class="cont-con-txt">
							<div class="cont-con-list msover-only">
								<div class="cont-con-list-one">捐赠支持</div>
								<div class="cont-con-list-sec msover-hide-flex msover-mor">
									<div class="cont-con-list-sec-b">心理咨询</div>
									<div class="cont-con-list-sec-s">联合国内心理咨询服务机构免费心理辅导咨询</div>
								</div>
							</div>
						</div>
						<div class="cont-con-txt">
							<div class="cont-con-list msover-only">
								<div class="cont-con-list-one">捐赠支持</div>
								<div class="cont-con-list-sec msover-hide-flex">
									<div class="cont-con-list-sec-b">心理咨询</div>
									<div class="cont-con-list-sec-s">联合国内心理咨询服务机构免费心理辅导咨询</div>
								</div>
							</div>
						</div>
						<div class="cont-con-txt">
							<div class="cont-con-list msover-only">
								<div class="cont-con-list-one">捐赠支持</div>
								<div class="cont-con-list-sec msover-hide-flex">
									<div class="cont-con-list-sec-b">心理咨询</div>
									<div class="cont-con-list-sec-s">联合国内心理咨询服务机构免费心理辅导咨询</div>
								</div>
							</div>
						</div>
						<div class="cont-con-txt">
							<div class="cont-con-list msover-only">
								<div class="cont-con-list-one">捐赠支持</div>
								<div class="cont-con-list-sec msover-hide-flex">
									<div class="cont-con-list-sec-b">心理咨询</div>
									<div class="cont-con-list-sec-s">联合国内心理咨询服务机构免费心理辅导咨询</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section section-3">
			<div class="title">
				<!-- 互助、关爱、奉献、和谐、文明的社会 -->
				<div class="">
					<div class="cont2 sectionCon2">
						<div class="cont2-left">
							<div class="cont2-left-txt1">互助、关爱、奉献、和谐、文明的社会</div>
							<div class="cont2-left-txt2">是英雄工程奋力拼搏的的方向</div>
							<div class="cont2-left-txt3">A society of mutual assistance, love, dedication, harmony and
								civilization<span class="cont2-left-pos2"></span><span class="cont2-left-pos1"></span>
							</div>
							<div class="cont2-left-img"><img src="{HOME_THEME_PATH}img/pic_1.png" /></div>
						</div>
						<div class="cont2-right">
							<div class="cont2-right-box">
								<div class="cont2-right-txt cont2-box1">
									<p>5+</p>
									<p>机构支持</p>
								</div>
							</div>
							<div class="cont2-right-box">
								<div class="cont2-right-txt cont2-box2"></div>
							</div>
							<div class="cont2-right-box">
								<div class="cont2-right-txt cont2-box6">
									<p>公益网络</p>
									<p>组织</p>
								</div>
								<div class="cont2-right-txt cont2-box3">
									<p>2016年</p>
									<p>成立</p>
								</div>
							</div>
							<div class="cont2-right-box">
								<div class="cont2-right-txt cont2-box4">
									<p>3000+</p>
									<p>合作伙伴</p>
								</div>
								<div class="cont2-right-txt cont2-box5">
									<p>慈善信托</p>
									<span class="add-more">+</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section section-4">
			<div class="title">
				<div>
					<!-- 关于我们 -->
					<div class="cont3">
						<div class="right-box">
							<div class="cont3-rights">
								<div class="cont3-rights-txt">
									<div class="cont3-rights-txt-box">
										<p class="us1">关于我们</p>
										<p class="us2">About Us</p>
										<p class="us3"></p>
										<p class="us4">英雄工程成立于2016年，是在Global
											Shapers世界经济论坛全球杰出青年社区，GIIN全球影响力投资网络，APEC未来之声等国内国际官方机构组织指导下的中国领先支持性公益网络组织，致力于公益孵化、社区服务、社会企业投资，扶贫助困，养老医疗、文化环境建设等领域，合作伙伴遍及各级政府、基金会和全球五百强企业。
										</p>
										<p class="us5">
											由几个机构共同组成了公益工程计划上海文化环境慈善信托 中国环境友好型社会建设促进会 中国影响力投资和社会企业论坛 灵山公益基金会 公益链等组织联合发起了
											英雄中国公益工程注册了慈善信托，备案备案号 ZXD35S201903100014841国内领先的公益论坛非营利性协会慈善信托 公募基金会</p>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="section section-5">
			<div class="title">
				<!-- 最新动态+成功案例 -->
				<div class="fullscreen_pane">
					<div class="page-col-5 fl page-bg-yellow">
						<div class="page-pane-col fr">
							<div class="left-content-text">
								<p class="us1">最新动态</p>
								<p class="us2">NEWS</p>
								<p class="us3"></p>
								<div class="news-cont">
									<div class="news-img"><img src="{HOME_THEME_PATH}img/pic_2.png" /></div>
									<div class="news-item">
										<p class="news-item-title">英雄工程上线通知</p>
										<p class="news-item-txt news-first-item-w">英雄工程成立于2016年，是在Global
											Shapers世界经济论坛全球杰出青年社区，GIIN全球影响力投资网络，APEC未来之声等国内国际官方机构组织指导下的</p>
									</div>
									<div class="news-more"><a href="">[查看更多]</a></div>
									<div class="news-list">
										<ul>
											<li>
												<div class="news-item-time">
													<p class="news-item-time1">12</p>
													<p class="news-item-time2">2020.02</p>
												</div>
												<div class="news-item">
													<p class="news-item-title">英雄工程上线通知</p>
													<p class="news-item-txt news-item-w">英雄工程成立于2016年，是在Global
														Shapers世界经济论坛全球杰出青年社区，GIIN全球影响力投资网络，APEC未来之声等</p>
												</div>
											</li>
											<li>
												<div class="news-item-time">
													<p class="news-item-time1">12</p>
													<p class="news-item-time2">2020.02</p>
												</div>
												<div class="news-item">
													<p class="news-item-title">英雄工程上线通知</p>
													<p class="news-item-txt news-item-w">英雄工程成立于2016年，是在Global
														Shapers世界经济论坛全球杰出青年社区，GIIN全球影响力投资网络，APEC未来之声等</p>
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="page-col-5 fr">
						<div class="page-pane-col fl">
							<div class="right-content-text">
								<p class="us1">成功案例</p>
								<p class="us2">SUCESSE CASE</p>
								<p class="us3 yellow-line"></p>
								<div class="case-img">
									<ul>
										<li><img src="{HOME_THEME_PATH}img/case1.png" /></li>
										<li><img src="{HOME_THEME_PATH}img/case2.png" /></li>
										<li><img src="{HOME_THEME_PATH}img/case3.png" /></li>
										<li><img src="{HOME_THEME_PATH}img/case4.png" /></li>
										<li><img src="{HOME_THEME_PATH}img/case5.png" /></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section section-6">
			<div class="title">
				<!-- 合作伙伴 -->
				<div class="fullscreen_pane">
					<div class="page-col-5 fl">
						<div class="page-pane-col fr">
							<div class="left-content-text">
								<p class="us1">合作伙伴</p>
								<p class="us2">PARTNERS</p>
								<p class="us3 yellow-line"></p>
								<div class="part-tabs">
									<div class="part-item">
										<div class="tab_head part-item-show">发起机构</div>
										<div class="tab_head">学术支持机构</div>
										<div class="tab_head">媒体支持</div>
									</div>
									<div class="part-box">
										<div class="part-logo" style="display:block;">
											<ul>
												<li><img src="{HOME_THEME_PATH}img/hzhb1.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb2.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb3.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb4.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb5.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb6.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb7.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb8.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb9.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb10.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb11.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb12.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb13.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb14.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb15.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb16.png" /></li>
											</ul>
										</div>
										<div class="part-logo">
											<ul>
												<li><img src="{HOME_THEME_PATH}img/hzhb1.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb2.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb3.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb4.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb5.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb6.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb7.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb8.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb9.png" /></li>
											</ul>
										</div>
										<div class="part-logo">
											<ul>
												<li><img src="{HOME_THEME_PATH}img/hzhb1.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb2.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb3.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb4.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb5.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb6.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb7.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb8.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb9.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb10.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb11.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb12.png" /></li>
												<li><img src="{HOME_THEME_PATH}img/hzhb13.png" /></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="page-col-5 fr page-bg-yellow">
						<div class="page-pane-col fl">
							<div class="right-content-text">
								<p class="us1">支持我们</p>
								<p class="us2">SUPPORT</p>
								<p class="us3"></p>
								<div class="support-list">
									<p class="support-list-on">在线捐赠平台</p>
									<p class="support-list-ons">以下均为中国扶贫基金会官方捐赠渠道，宁可以直接通过在线捐赠平台参与捐赠</p>
									<div class="support-link">
										<div class="support-item">
											<div class="support-item-img"><img src="{HOME_THEME_PATH}img/tongdao1.png" /></div>
											<div class="support-item-link">中国扶贫寂静基金官方公益店
												https://cfpa.tmall.com</div>
											<div class="support-item-btn"><a href="">点击捐赠</a></div>
										</div>
										<div class="support-item">
											<div class="support-item-img"><img src="{HOME_THEME_PATH}img/tongdao2.png" /></div>
											<div class="support-item-link">
												<p>加油一起成长二维码</p>
												<p>城乡儿童一对一成长</p>
											</div>
											<div class="support-item-btn"><a href="">点击捐赠</a></div>
										</div>
										<div class="support-item">
											<div class="support-item-img"><img src="{HOME_THEME_PATH}img/tongdao3.png" /></div>
											<div class="support-item-link">支付宝公益捐赠平台</div>
											<div class="support-item-btn"><a href="">点击捐赠</a></div>
										</div>
									</div>
									<div class="support-aff">
										<div class="support-aff-line"></div>
										<div class="support-aff-img"><img src="{HOME_THEME_PATH}img/Heart.png" /></div>
									</div>
									<div class="support-gy">
										<div class="support-item"><img src="{HOME_THEME_PATH}img/gy_01.png" /></div>
										<div class="support-item"><img src="{HOME_THEME_PATH}img/gy_02.png" /></div>
										<div class="support-item"><img src="{HOME_THEME_PATH}img/gy_03.png" /></div>
										<div class="support-item"><img src="{HOME_THEME_PATH}img/gy_04.png" /></div>
										<div class="support-item"><img src="{HOME_THEME_PATH}img/gy_05.png" /></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section section-7">
			<div class="title">
				<!-- 微光行动 -->
				<div class="cont6">
					<div class="cont-title">
						<div class="cont-title-a">微光行动</div>
						<div class="cont-title-b">LIGHT</div>
						<div class="cont-title-c"></div>
					</div>
					<div class="cont-con">
						<div class="cont-con-txt">
							<div class="cont-con-list msover-only">
								<div class="cont-con-list-one">联合宣言</div>
								<div class="cont-con-list-sec msover-hide-flex msover-mor">
									<div class="cont-con-list-sec-b">公益合伙人计划</div>
								</div>
							</div>
						</div>
						<div class="cont-con-txt">
							<div class="cont-con-list msover-only">
								<div class="cont-con-list-one">联合宣言</div>
								<div class="cont-con-list-sec msover-hide-flex">
									<div class="cont-con-list-sec-b">公益合伙人计划</div>
								</div>
							</div>
						</div>
						<div class="cont-con-txt">
							<div class="cont-con-list msover-only">
								<div class="cont-con-list-one">联合宣言</div>
								<div class="cont-con-list-sec msover-hide-flex">
									<div class="cont-con-list-sec-b">公益合伙人计划</div>
								</div>
							</div>
						</div>
						<div class="cont-con-txt">
							<div class="cont-con-list msover-only">
								<div class="cont-con-list-one">联合宣言</div>
								<div class="cont-con-list-sec msover-hide-flex">
									<div class="cont-con-list-sec-b">公益合伙人计划</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section section-8">
			<div class="title">
				<!-- 页脚 -->
				<div class="fullscreen_pane" style="display: flex;align-items: center;justify-content: center;">
					<div class="page-col-5 fl" style="height: auto;">
						<div class="page-pane-col fr">
							<div class="left-content-text" style="padding-top: 0;">
								<p class="us1">联系我们</p>
								<p class="us2">CONTACT US</p>
								<p class="us3"></p>
								<div class="warp_inner">
									<div class="part-item"><input class="part-item-tab" type="text"
											placeholder="请输入您的姓名" /><input class="part-item-tab" type="text"
											placeholder="请输入您的电话" /><input class="part-item-tab" type="text"
											placeholder="请输入您的邮箱" />
									</div>
									<div class="part-item"><textarea class="part-item-message" type="text"
											placeholder="请输入您的留言"></textarea>
									</div>
								</div>
								<div class="part-item-btn">提交</div>
							</div>
						</div>
					</div>
					<div class="page-col-5 fr" style="height: auto;">
						<div class="page-pane-col">
							<div class="contact" style="margin-top: 153px;">
								<div class="contact-maps">
									<iframe src="map.html" frameborder="0" style="width: 542px;height: 160px;border: 0;"
										scrolling="no"></iframe>
								</div>
								<div class="contact-adrs">
									<p>上海-浦东新区-峨山路613号A座211室</p>
									<p>联系邮箱：info@yingxiong.org.cn</p>
									<p>联系电话：021-5187 9851</p>
								</div>
								<div class="contact-list">
									<div class="contact-list-img"><img src="{HOME_THEME_PATH}img/qcord.png" /></div>
									<div class="contact-list-img"><img src="{HOME_THEME_PATH}img/qcord.png" /></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			{template "footer.html"}
		</div>
	</section>
	<ul class="section-btn">
		<li class="on"></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>

	<script type="text/javascript" src="{HOME_THEME_PATH}js/jQuery.js"></script>
	<script type="text/javascript" src="{HOME_THEME_PATH}js/fullscoll.js"></script>
	<script type="text/javascript" src="{HOME_THEME_PATH}js/index.js"></script>
</body>
</html>